body,
html {
	min-width: 1200px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 14px;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0 auto;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
	margin: 0;
	font-size: 14px;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a,
button {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

img {
	max-width: 100%;
}
.container{
	margin: 0 auto;
}
.adm-page{
	background: url(../images/bg.jpg) center no-repeat;
	background-size: cover;
	min-height: 100vh;
	box-sizing: border-box;
	padding: 15px 25px 25px 25px;
}

.adm-head{
	height: 52px;
	margin-bottom: 20px;
}
.adm-head .logo{
	float: left;
}
.adm-head .adm-right{
	float: right;
	display: flex;
	align-items: center;
}
.logo *{
	display: inline-block;
	vertical-align: middle;
}
.logo span{
	color: #0156a6;
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
}
.adm-right .el-button--text{
	padding: 0;
	height: 32px;
	line-height: 32px;
	color: #FFFFFF;
	margin-left: 20px;
}
.adm-right .el-button--text .iconfont{
	font-size: 20px;
}
.adm-right .el-dropdown-link{
	padding: 0;
	height: 32px;
	line-height: 32px;
	color: #FFFFFF;
}
.adm-right .el-dropdown-link *{
	display: inline-block;
	vertical-align: middle;
}
.adm-right .el-dropdown{
	margin-left: 20px;
}
.adm-right .el-dropdown-link img{
	width: 36px;
	height: 36px;
	border: 1px solid #FFFFFF;
	border-radius: 40px;
	margin-right: 4px;
}
.adm-panel{
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(255,255,255,.3);
	box-shadow: 1px 0 30px rgba(9,114,236,.2);
}
.adm-panel-hd{
	display: flex;
	align-items: center;
	background-color: rgba(255,255,255,.4);
	height: 41px;
	box-shadow: 1px 0 30px rgba(9,114,236,.2);
}
.adm-panel-hd .index-hd{
	height: 41px;
	text-align: center;
	width: 60px;
	line-height: 40px;
}
.adm-panel-hd .index-hd a{
	color: #333;
}
.adm-panel-hd .el-tabs__header{
	margin-bottom: 0;
	border-bottom: 0;
}
.adm-panel-hd .el-tabs--card>.el-tabs__header .el-tabs__nav{
	border: 0;
}
.adm-panel-hd .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
	background-color: #fafcfe;
	color: #333333;
	border-radius: 10px 10px 0 0;
	border: 0;
}
.adm-panel-hd .el-tabs--card>.el-tabs__header .el-tabs__item{
	border: 0;
}
.adm-panel-hd .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{
	color: #999999;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	width: 18px!important;
}
.adm-panel-hd .el-tabs__item{
	padding: 0 25px!important;
}
.adm-panel-hd .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{
	padding: 0 25px!important;
}
.adm-panel-body{
	padding: 20px;
}
.flex-center{
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}

.flex-between{
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.ui-cell__bd{
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.adm-rows {
	padding: 0 5px;
	margin: 0!important;
}
.adm-rows .el-col{
	padding-top: 20px;
	padding-bottom: 20px;
}
.adm-menu-card{
	padding-left: 70px;
	height: 145px;
	border-radius: 10px;
}
.adm-menu-card *{
	color: #FFFFFF;
}
.adm-menu-card.bg1{
	background-image: linear-gradient(to right, #5cc2ff , #4e94ff);
}
.adm-menu-card.bg2{
	background-image: linear-gradient(to right, #ffd466 , #ff9c08);
}
.adm-menu-card.bg3{
	background-image: linear-gradient(to right, #40d1c9 , #3ccec7);
}
.adm-menu-card.bg4{
	background-image: linear-gradient(to right, #39ccc6 , #3ed0c8);
}
.adm-menu-card.bg5{
	background-image: linear-gradient(to right, #5bc2ff , #4e94ff);
}
.adm-menu-card.bg6{
	background-image: linear-gradient(to right, #ae94ff , #826af3);
}
.adm-menu-card.bg7{
	background-image: linear-gradient(to right, #5cc2ff , #4e94ff);
}
.adm-menu-card.bg8{
	background-image: linear-gradient(to right, #ff7668 , #f04654);
}
.adm-menu-card.bg9{
	background-image: linear-gradient(to right, #3dcfc8 , #30c6c3);
}
.adm-menu-card .icon{
	font-size: 0;
	margin-right: 20px;
}
.adm-menu-card h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.adm-menu-card p{
	opacity: .6;
}

.el-sidebar-menu{
	border: 0;
	background-color: transparent;
}
.adm-side{
	margin-right: 20px;
	border-radius: 10px;
	background-color: rgba(255,255,255,.7);
}
.el-sidebar-menu .el-menu-item{
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	margin-bottom: 6px;
}
.el-sidebar-menu{
	padding: 10px ;
}
.el-sidebar-menu .el-menu-item.is-active {
    color: #FFFFFF;
    background-image: linear-gradient(to right, #5bc2ff , #4e94ff);
}

.el-sidebar-menu .el-menu-item:hover{
	color: #FFFFFF;
	background-image: linear-gradient(to right, #5bc2ff , #4e94ff);
}
.el-heading{
	position: relative;
	padding-top: 20px;
	padding-bottom: 15px;
}
.el-heading .el-tit{
	position: relative;
	padding-left: 20px;
	font-size: 18px;
}
.el-heading::after{
	content: '';
	border-bottom: 1px solid #d9e4f1;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
}
.el-heading .el-tit::before{
	width: 6px;
	height: 22px;
	border-radius: 0 10px 10px 0;
	background-color: #007fff;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}
.adm-el-main{
	border-radius: 10px;
	background-color: rgba(255,255,255,.7);
}


.box-uploader{
	position: relative;
	border: 1px solid #dde6ed;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background-color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	font-size: 0;
	overflow: hidden;
}
.box-uploader .avatar-uploader-icon{
	font-size: 50px;
	font-weight: bold;
	color: #999999;
}
.box-uploader .uploader-photo{
	width: 100px;
	height: 100px;
}
.box-uploader .el-icon-circle-close {
	position: absolute;
	right: 6px;
	top: 6px;
	color: #FF0000;
	z-index: 9;
	font-size: 18px;
}

.el-form-row{
	padding: 15px 20px;
}
.el-form-row .label{
	font-size: 14px;
	width:85px;
	text-align: right;
	margin-right: 15px;
}
.vv-file-card{
	display: inline-block;
	white-space: nowrap;
	padding: 20px;
	border: 1px solid #dde6ed;
	background-color: #FFFFFF;
	border-radius: 8px;
}
.vv-file-card .icon{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 12px;
	text-align: center;
	border-radius: 8px;
	background-color: #e5f3ff;
	line-height: 36px;
	text-align: center;
	color: #0683ff;
}
.vv-file-card .txt{
	display: inline-block;
	line-height: 36px;
}
.h-panel{
	border-radius: 10px;
	padding: 20px;
	background-color: rgba(255,255,255,.4);
}
.h-panel-hd{
	height: 20px;
	margin-bottom: 20px;
}
.h-panel-hd .h-tit{
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 18px;
}
.h-panel-hd .h-tit::before{
	width: 6px;
	height: 22px;
	border-radius: 0 10px 10px 0;
	background-color: #007fff;
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -11px;
}
.h-panel-hd .h-more{
	float: right;
	color: #666666;
}
.h-height{
	height: 360px;
	margin-bottom: 15px;
}
.h-md-height{
	height:260px;
}
.h-menus{
	margin: 0 -15px;
}
.h-menus li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.h-menus .h-menu-box{
	position: relative;
	display: block;
	width: 90px;
	margin: 0 auto;
	color: #333333;
	line-height: 1;
	padding: 7px 10px 5px 10px;
	border-radius: 10px;
	transition: .3s all;
}
.h-menus .h-menu-box:hover{
	background-color: rgba(255,255,255,.5);
}
.h-menu-box p{
	height: 32px;
	line-height: 16px;
	margin-top: 5px;
}
.h-menu-box .badge{
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 10px;
	background-color: #ff5500;
}
.clear {
	zoom: 1;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
}

.h-menus {
	zoom: 1;
}
.h-menus:after {
	content: '';
	display: block;
	clear: both;
}

.el-files{
	text-align: center;
	padding:40px 30px;
}
.file-box{
	margin: 0 auto;
	width: 220px;
	cursor: pointer;
}
.file-box img{
	width: 220px;
	height: 314px;
	border-radius: 8px;
}
.file-foot{
	text-align: center;
	padding-top: 36px;
}
.file-foot .el-button{
	width: 150px;
	height: 50px;
	border-radius: 8px;
	margin: 0 15px;
}
.el-button--red{
	background-image: linear-gradient(to right, #ff7668 , #f04654);
	border: 0;
	color: #FFFFFF!important;
}
.el-button--zi{
	background-image: linear-gradient(to right, #ae94ff , #826af3);
	border: 0;
	color: #FFFFFF!important;
}
.el-button--lv{
	background-image: linear-gradient(to right, #3dcfc8 , #30c6c3);
	border: 0;
	color: #FFFFFF!important;
}
/* 登陆 */
.login-page{
	padding: 60px 70px;
	background: url(../images/loginbg.jpg) center no-repeat;
	background-size: cover;
	height: 100vh;
}
.login-main{
	position: relative;
	background: url(../images/loginmain.png) center no-repeat;
	background-size: cover;
	border-radius: 10px;
	height: 100%;
	box-shadow: 0 0 30px #2f47b5;
}
.login-text{
	padding: 50px;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 0 10px rgba(0,0,0,.4);
}
.login-card{
	position: absolute;
	right: 85px;
	top: 50%;
	transform: translateY(-50%);
	width: 418px;
	height: 510px;
	border-radius: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/lobg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
}
.login-card .inner{
	padding: 30px 0;
}
.login-card .l-head{
	font-size: 0;
	text-align: center;
	line-height: 1;
	margin-bottom: 45px;
}
.l-head .l-text{
	font-size: 18px;
	color: #0156a6;
	padding-top: 15px;
	font-weight: bold;
}
.l-tip{
	position: relative;
	margin-bottom: 40px;
	line-height: 1;
	font-size: 24px;
	text-align: center;
}
.l-tip::after{
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	border-radius: 45px;
	background-color: #456bff;
}
.login-form{
	padding: 0 60px;
}
.login-form .el-input__inner{
	border-radius: 0;
	border: 0;
	font-size: 15px;
	height: 50px;
	border-bottom: 1px solid #dddddd;
}
.login-form .el-input__inner:focus{
	border-bottom: 1px solid #0080ff;
}
.login-form .el-input__icon{
	font-size: 20px;
	color: #999999;
}
.login-form .el-input--prefix .el-input__inner{
	padding-left: 52px;
}
.login-form .el-input__prefix{
	left: 14px;
}
.login-form .el-input__inner:focus+.el-input__prefix .el-input__icon{
	color: #0080ff;
}
.login-form .el-button--submit{
	background-image: linear-gradient(to right, #5cc2ff , #4e94ff);
	border: 0;
	height: 50px;
	width: 100%;
	border-radius: 10px;
	color: #FFFFFF!important;
	font-size: 16px;
	box-shadow: 0px 5px 8px #adbeff;
}
.l-foot{
	padding-top: 25px;
}

.el-line-heading{
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin: 0 10px;
	border-bottom: 1px solid #d9e4f1;
}
.el-line-heading .el-button{
	border: 0;
	outline: none;
	background-color: transparent;
	padding: 10px 20px;
	width: 100%;
}
.el-line-heading .el-button:hover{
	color: #FFFFFF;
	background-image: linear-gradient(to right, #5bc2ff , #4e94ff);
}
.el-line-heading .el-button *{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.el-line-heading .el-button .txt{
	font-size: 16px;
	font-weight: bold;
}
.el-line-heading .el-button .iconfont{
	margin-right: 10px;
	font-size: 18px;
}

.el-icon-menu {
	width: 100%;
	border: 0;
	padding: 10px;
	background-color: transparent;
}
.el-icon-menu .el-menu-item{
	background-color: transparent;
	height: 36px;
	padding: 0 12px!important;
	line-height: 36px;
	border-radius: 5px;
	margin-bottom: 5px;
	font-size: 0;
}
.el-icon-menu .el-menu-item *{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.el-icon-menu .el-menu-item span{
	font-size: 14px;
}
.el-icon-menu .el-menu-item .iconfont{
	font-size: 16px;margin-right: 12px;margin-top: 2px;
}
.el-icon-menu .icon-erjitubiao-{
	background-image:-webkit-linear-gradient(right,#5bc2ff , #4e94ff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-hh{
	background-image:-webkit-linear-gradient(right,#4ad8cc , #2ac2c0);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-xunwen{
	background-image:-webkit-linear-gradient(right,#af95ff , #8e79f5);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-tiaocha{
	background-image:-webkit-linear-gradient(right,#5bc2ff , #4e94ff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-anjian1{
	background-image:-webkit-linear-gradient(right,#ffd15f , #ff9e0b);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-hangzhengchufa{
	background-image:-webkit-linear-gradient(right,#fb8b82 , #f05a66);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-wupin1{
	background-image:-webkit-linear-gradient(right,#5cdcd2 , #2ac2c1);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-wenshu{
	background-image:-webkit-linear-gradient(right,#4ad8cc , #2ac2c0);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-mingling{
	background-image:-webkit-linear-gradient(right,#baa8ff , #927ff5);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-churujing{
	background-image:-webkit-linear-gradient(right,#ffcf59 , #ffcf59);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-anjian{
	background-image:-webkit-linear-gradient(right,#baa8ff , #9685f6);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .icon-qita{
	background-image:-webkit-linear-gradient(right,#5bc2ff , #4e94ff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.el-icon-menu .el-menu-item.is-active{
	color: #FFFFFF;
	background-image: linear-gradient(to right, #5bc2ff , #4e94ff);
}
.el-icon-menu .el-menu-item:hover{
	color: #FFFFFF;
	background-image: linear-gradient(to right, #5bc2ff , #4e94ff);
}
.el-icon-menu .el-menu-item:hover .iconfont{
	color: #FFFFFF!important;
	background-image:-webkit-linear-gradient(right,#FFFFFF , #FFFFFF);
}
.el-icon-menu .el-menu-item.is-active .iconfont{
	color: #FFFFFF!important;
	background-image:-webkit-linear-gradient(right,#FFFFFF , #FFFFFF);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.adm-panel-group{
	display: block;
	flex: 1;
	flex-basis: auto;
	box-sizing: border-box;
}
.adm-panel-group .adm-el-main{
	margin-bottom: 20px;
}
.adm-panel-group .adm-el-main:last-child{
	margin-bottom: 0;
}
.adm-notice{
	padding: 14px 20px;
	line-height: 20px;
	margin-bottom: 20px;
    border-radius: 10px;
    background-color: rgba(255,255,255,.7);
	line-height: 1;
}
.adm-notice .iconfont{
	color: #0080ff;
	margin-right: 10px;
}
.tags-cells{
	margin-bottom: 20px;
}
.tags-cells:last-child{
	margin-bottom: 0;
}
.tags-cells .tags-hd{
	font-size: 16px;
	line-height: 1;
	margin-bottom: 14px;
}
.tags-list {
	overflow: hidden;
}
.tags-list li{
	float: left;
	margin-right: 12px;
}
.el-tag{
	font-size: 14px;
	border: 0;
	background-color: #ddeefe;
	color: #0080ff;
}
.el-tag.el-tag--success {
    background-color: #d7f2f3;
    border-color: #d7f2f3;
    color: #00c497;
}
.el-tag.el-tag--danger {
    background-color: #ebe1e8;
    border-color: #ebe1e8;
    color: #fc4d3b;
}
.el-tag.el-tag--warning {
    background-color: #f2efe5;
    border-color: #f2efe5;
    color: #ff9604;
}



.el-tag:hover{
	background-color: #0080ff;
	color: #fff;
}
.el-tag.el-tag--success:hover {
    background-color: #00c497;
    border-color: #00c497;
    color: #fff;
}
.el-tag.el-tag--danger:hover {
    background-color: #fc4d3b;
    border-color: #fc4d3b;
    color: #fff;
}
.el-tag.el-tag--warning:hover {
    background-color: #ff9604;
    border-color: #ff9604;
    color: #fff;
}

.adm-cats{
	margin-bottom: 20px;
}
.adm-cats-list li{
	float: left;
	margin-right: 20px
}
.adm-tag{
	padding: 14px 20px;
	line-height: 20px;
	border-radius: 10px;
	background-color: rgba(255,255,255,.7);
	color: #0080ff;
	line-height: 1;
}
.adm-tag *{
	display: inline-block;
	vertical-align: middle;
}
.adm-tag .iconfont{
	margin-right: 10px;
}
.adm-tag-waring{
	color: #ff9604;
}
.adm-tag-success{
	color: #00c497;
}
.adm-tag-danger{
	color: #fd3e26;
}
.adm-tag:hover{
	background-color: #0080ff;
	color: #FFFFFF;
}
.adm-tag-waring:hover{
	background-color: #ff9604;
	color: #FFFFFF;
}
.adm-tag-success:hover{
	background-color: #00c497;
	color: #FFFFFF;
}
.adm-tag-danger:hover{
	background-color: #fd3e26;
	color: #FFFFFF;
}



.t-panel{
	border-radius: 10px;
	padding: 20px;
	background-color: rgba(255,255,255,.7);
}
.file-table .el-table__header th{
	background-color: #e6eef7;
	font-weight: normal;
	color: #333333;
}
.file-table{
	border-radius: 4px;
	overflow: hidden;
}
.file-table td, 
.file-table th{
	padding: 9px 0;
	line-height: 22px;
}
.file-table td{
	color: #5a6c7e;
	font-size: 13px;
	padding: 8px 0;
	border-bottom: 0;
}
.btn-action .el-button--small{
	padding: 4px 7px;
	line-height: 1;
	border-radius: 5px;
}
.btn-action .iconfont{
	margin-right: 2px;
	font-size: 14px;
}
.btn-action .el-button--primary,
.btn-action .el-button--primary.is-active, 
.btn-action .el-button--primary:active {
    background: #f4fbff;
    border-color: #0080ff;
    color: #0080ff;
}
.btn-action .el-button--primary:hover{
	background: #0080ff;
	color: #FFFFFF;
}
.btn-action .el-button--success,
.btn-action .el-button--success.is-active, 
.btn-action .el-button--success:active {
    background: #f4fbff;
    border-color: #28c0c0;
    color: #28c0c0;
}

.btn-action .el-button--success:hover{
	background: #28c0c0;
	color: #FFFFFF;
}
.t-panel .h-panel-hd{
	margin-bottom: 15px;
}
.t-panel .h-panel-hd .h-tit{
	font-size: 16px;
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
	background-color: #f6faff;
}
.file-table::before{
	display: none;
}
.el-table--enable-row-hover .el-table__body tr:hover>td{
	background-color: #f6faff;
}
.fv-panel{
	background-color: rgba(255,255,255,.4);
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 10px;
}
.fv-panel:last-child{
	margin-bottom: 0;
}
.h-icon{
	line-height: 20px;
}
.h-icon .iconfont{
	cursor: pointer;
	color: #6a7178;
	margin-left: 10px;
	font-size: 18px;
}
.mg-cells li{
	margin-bottom: 15px;
}
.mg-cells li:last-child{
	margin-bottom: 0;
}
.mg-card{
	border-radius: 10px;
	background-color: rgba(255,255,255,.7);
	padding: 12px 20px;
}
.mg-heading{
	margin-bottom: 30px;
}
.mg-heading .mg-title{
	font-size: 18px;
	line-height: 22px;
}
.mg-heading .el-tag{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 5px;
}
.mg-body{
	height: 22px;
	line-height: 22px;
}
.mg-body .mg-time{
	color: #999999;
}
.el-dropdown-menu__item{
	line-height: 24px;
}
.fv-form .el-input__inner{
	border-radius: 6px;
	border: 0;
	background-color: rgba(255,255,255,.7);
}
.fv-btn{
	border-radius: 6px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	margin-left: 10px;
	text-align: center;
	background-color: rgba(255,255,255,.7);
}
.fv-btn i{
	font-size: 16px;
	line-height: 1;
}
.rep-form{
	height: 50px;
}
.rep-form .rep-btn{
	border-radius: 6px;
	width: 100px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	margin-left: 10px;
	text-align: center;
	background-color: rgba(255,255,255,.7);
}
.rep-form .el-input__inner{
	height: 50px;
	padding-left: 50px;
	line-height: 50px;
	border-radius: 10px;
	border: 0;
	background-color: rgba(255,255,255,.7);
}
.rep-form .el-input__prefix{
	padding-left: 15px;
}
.rep-form .icon-duihua{
	color: #0080ff;
	font-size: 18px;
}
.repl-panel{
	padding: 20px;
	border-radius: 10px;
	background-color: rgba(255,255,255,.7);
	margin-bottom: 20px;
}
.repl-foot{
	line-height: 1;
}
.repl-foot .mg-time{
	color: #999999;
}
.repl-foot .mg-time{
	line-height: 24px;
	color: #999999;
}
.repl-foot .el-tag{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 5px;
}
.repl-body{
	height: 352px;
	margin-bottom: 15px;
}
.el-tabs__item .el-icon-close:hover{
	background-color: #ffffff;
}
.el-tabs__item:hover{
	color:#333333;
}
.el-dropdown-menu{
	border: 0;
}


.scroll{
	overflow: hidden;
	overflow-y: auto;
}

::-webkit-scrollbar {
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	color: rgba(255,255,255,.7);
}
::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #75aeec;
}
::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	background:rgba(255,255,255,.7) ;
}



.ht1{
	max-height: calc(100vh - 155px);
}
.el-container-scroll{
	max-height: calc(100vh - 195px);
}

.el-dialog-skin{
	border-radius: 10px;
	overflow: hidden;
	margin-top: 25vh!important;
}
.el-dialog-skin .el-dialog__header{
	padding: 12px 20px;
	background-color: #eef0f3;
}
.el-dialog-skin .el-dialog__header .iconfont{
	padding-right: 6px;
}
.el-dialog-skin .el-dialog__headerbtn{
	top: 13px;
}
.skin-cells{
	text-align: center;
}
.skin-group .el-radio{
	position: relative;
	font-size: 0;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid #FFFFFF;
}
.skin-group .el-radio.is-checked{
	border: 1px solid #2697ff;
}
.skin-group .el-radio.is-checked::after{
	background: url(../images/zhong.png) no-repeat;
	width: 28px;
	height: 28px;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
}
.skin-group .el-radio:last-child{
	margin-right: 0;
}
.skin-group .el-radio .el-radio__input{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.skin-group .el-radio__label{
	padding: 0;
	font-size: 0;
}
.skin2 .logo span{
	color: #FFFFFF;
}
.skin3 .logo span{
	color: #FFFFFF;
}
.ht3{
	height: calc(100vh - 400px);
}
.ht2{
	height: calc(100vh - 260px);
}
.ht4{
	height: calc(100vh - 345px);
}
.ht5{
	height: calc(100vh - 290px);
}
.ht6{
	height: calc(100vh - 260px);
}
.home-page .h-panel{
    padding:17px 20px;
}
.home-page .h-panel-hd{
	margin-bottom: 10px;
}
.home-page{
	padding-right: 0;
}
.home-ht{
	padding-right: 20px;
	height: calc(100vh - 114px);
}
.home-page .adm-head{
	padding-right:25px;
}










